<#include "/lib/blog_lib.html"/>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="${request.contextPath}/assets/img/apple-icon.png">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>出租信息-重庆房屋出租咨询有限公司</title>
    <meta name="keyword" content="重庆房屋出租咨询有限公司,箭乔,上海,投资" />
    <meta name="description" content="重庆房屋出租咨询有限公司" />
    <link href="${request.contextPath}/bootstrap3/css/bootstrap.css" rel="stylesheet" />
    <link href="${request.contextPath}/assets/css/demo.css" rel="stylesheet" />

    <!--     Font Awesome     -->
    <link href="${request.contextPath}/bootstrap3/css/font-awesome.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="${request.contextPath}/assets/css/article.css">
</head>

<body>

<div>
    <nav id="" class="navbar navbar-fixed-top">
    <@nav_menu/>
    </nav>
    <div class='blurred-container' style="margin-top: 135px;height: 100%;">
        <img src="${request.contextPath}/img/news-banner.png" alt="新闻资讯" height="500px" width="100%">
    </div>
</div>


<div class="main">


    <div class="container">

        <ol class="breadcrumb" style="margin-top: 20px;">
            <li><a href="/index.html">首页</a></li>
            <li><a href="/article.html">新闻资讯</a></li>
        </ol>

        <#list articlePage.records as item>
        <div class="box">
              <div class="article">
                      <a href="/article/${item.id!}.html"><img src="${request.contextPath}/${item.articleImg!}" alt="新闻资讯"  width="268px" height="181px"></a>
                      <h2><a href="/article/${item.id!}.html" title="${item.articleTitle!}">${item.articleTitle!}</a></h2>
                  <div>
                      <p style="" class="note"><#assign content = item.articleContent?replace("<[^>]*>", "", "r")?replace(" ", "")?replace("&nbsp;", "")>
                          <#if content?length &gt; 350>
                              ${content?substring(0, 350)}[...]
                              <#else>
                                  ${content}
                          </#if>
                      </p>
                  </div>
                  <p><i class="azkaban az-time"></i>${item.gmtCreate?date}</a></p>
                  <div class="clearfix"></div>
              </div>
        </div>
        </#list>


    </div>

    <div class="container text-center">
        <ul class="pagination">
        <@pageA articlePage.current articlePage.pages 5 "/article/page/"/>
            <#--<#if articlePage.current != 1>
                <li><a href="/article/${articlePage.current-1}">«</a></li>
            </#if>
            <#list 1..articlePage.pages as item>
                <li <#if articlePage.current == item>class="active"</#if> ><a href="/article/${item}">${item}</a></li>
            </#list>
            <#if articlePage.current != articlePage.pages>
                <li><a href="/article/${articlePage.current+1}">»</a></li>
            </#if>-->
        </ul>
    </div>

</div>

<@footer1/>
</body>
<script src="${request.contextPath}/js/jquery.min.js" type="text/javascript"></script>
<script src="${request.contextPath}/js/jquery-ui-1.10.4.min.js" type="text/javascript"></script>

<script src="${request.contextPath}/bootstrap3/js/bootstrap.js" type="text/javascript"></script>
<script src="${request.contextPath}/assets/js/gsdk-bootstrapswitch.js"></script>
<script>
    window.onscroll=function(){
        var sl=-Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
        document.getElementById('navbar').style.left=sl+'px';

    };
</script>
</html>